/* 导航条 */
.xl-navbar-left p{
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    padding-top: 5px;
}
.xl-navbar-right a{
    display: inline-block;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    margin-top: 5px;
    color: rgb(52, 51, 51);
    margin-right: 15px;
}

/* 按钮框 */
.xl-button-wrap {
    background-color:transparent;
}
.xl-button-left {
    float: left;
    padding-left: -15px;
    width: 400px;
}
.xl-button-left button {
    height: 50px;
    width: 100px;
    border-radius: 5px;
    border: none;
    color: #fff;
}
.xl-del {
    background-color:rgba(13, 6, 197, 0.689);
}
.xl-big {
    background-color: #00bfff ;
}
.xl-list {
    background-color: #00bfff;
    display: none;
}
.xl-button-right {
    float: right;
}
.xl-export {
    height: 50px;
    width: 60px;
    border-radius: 5px;
    border: none;
    color: #fff;
    background-color: #999;
}
.xl-add {
    height: 50px;
    width: 100px;
    border-radius: 5px;
    border: none;
    color: #fff;
    background-color: rgb(13, 7, 129);
}

/* table主体内容 */

.xl-course-wrap {
    margin-top: 20px;
}

/* 动态添加的按钮 */
.xl-view-course,
.xl-edit-course {
    border: none;
    background-color: transparent;
    padding-right: 10px;
}

.xl-page-change {
    float: right;
}

/* 确定删除界面 */
.xl-alert {
    width: 300px;
    height: 100px;
    border: 1px solid #222;
    background-color: rgb(188, 186, 186);
    border-radius: 5px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.xl-alert p {
    text-align: center;
    margin:20px 0;
}
.xl-alert button {
    width: 60px;
    height: 30px;
    color: #fff;
    background-color: #00bfff;
    border: none;
    border-radius: 5px;
}
.xl-alert .xl-final-cancel {
    background-color: rgb(145, 141, 141);
    margin-left: 80px;
}

/* 大图模式 */
.xl-big-wrap {
    display: none;
}
.xl-big-wrap-details{
    width: 32%;
    float: left;
    border: 1px solid #888;
    margin-right: 1%;
    margin-top: 1%;

}
.xl-big-wrap-details img {
    width: 100%;
}
.first .xl-text-title {
    font-size: 20px;
}

.xl-details-text-wrap {
    padding: 2% 2%;
    border-bottom: 1px solid rgba(204, 210, 213, 0.563);
}
.xl-text-title {
    float: left;
    font-weight: 700;
    line-height: 20px;
}
.xl-text-content {
    float: right;
}

.xl-big-button-wrap {
    padding: 3% 30%;
}
.xl-big-button-wrap button {
    width: 70px;
    height: 35px;
    border: none;
    border-radius: 5px;
    color: #fff;
}
.xl-big-check {
    background-color: rgb(13, 7, 129);
}
.xl-big-del {
    background-color: gray;
}